<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/my_style.css">

    <!-- 用于引入外部html -->
    <script src="../js/include.js"></script>

    <!-- 图标文件 -->
    <script src="../js/feather.min.js"></script>

    <!-- echarts + bmap 依赖 -->
    <script src="../js/echarts.js"></script>
    <script src="../js/bmap.js"></script>
    <script src="http://api.map.baidu.com/api?v=2.0&ak=SipXZFGUXfBvDr88wUQHGdwhP06tY5Bz"></script>

    <!-- jQuery -->
    <script src="../js/jquery-3.4.1.min.js"></script>

    <title>聚类-像素图</title>
</head>

<body>
<!-- 共用的navbar -->
<include src="navbar.html"></include>

<div class="container-fluid">
    <div class="row">
        <!-- 共用的sidebar -->
        <include src="sidebar.html"></include>
        <!-- 主要内容 -->
        <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-4">
            <div class="row">
                <!-- 为ECharts准备两个具备大小（宽高）的Dom -->
                <style>
                    #map {
                        position: absolute;
                        z-index: 0;
                        margin-left: 10px;
                        margin-top: 25px;
                        width: 95%;
                        height: 620px;

                    }
                </style>
                <div id="map"></div>
<!--                <div id="map" class="" style="width: 1500px;height: 625px;margin-top: 24px;"></div>-->
                <script src="../js/pixels_generate.js"></script>
            </div>
        </main>
    </div>
</div>

<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="../js/popper.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
</body>

</html>